/* Example CSS file */

/* Main */

body,
html {
  min-height: 100%;
}
body {
  font: normal 1em sans-serif;
  background: linear-gradient(top, #eeeeee, #ffffff);
  text-align: center;
}
p {
  margin-bottom: 1em;
}
a {
  color: #000a68;
}
h1 {
  font-size: 1.5em;
  font-weight: normal;
  margin: 1.5em;
  color: #333;
  text-shadow: 1px 1px 2px white;
}
#content {
  padding: 50px;
}

/* Quick Chat Demo */

#demo {
  border: 1px solid #ccc;
  width: 700px;
  text-align: left;
  margin: 50px auto;
  padding: 15px;
  border-radius: 5px;
}
#demo h3 {
  font-size: 1.0em;
  font-weight: normal;
}
#demo h5 {
  padding: 5px 0;
  color: #666;
  font-weight: normal;
  font-size: 0.8em;
}
#demo #myMessage,
#demo #chatlog {
  border: none;
  box-shadow: inset 0 0 2px #777;
  border-radius: 5px;
}
#demo #myMessage {
  width: 690px;
  padding: 5px;
}
#demo #chatlog {
  width: 700px;
  background-color: white;
  margin: 5px 0;
}
#demo #chatlog p {
  font-size: 0.9em;
  color: #000a68;
  padding: 3px 9px;
  margin: 0;
}
#demo #chatlog p:first-child {
  padding-top: 9px;
}
#demo #chatlog p:last-child {
  padding-bottom: 9px;
}
#demo #chatlog span.time {
  color: #666;
  float: right;
  width: 70px;
  text-align: right;
  font-size: 0.7em;
}
